.checkin-record-overview {
  .checkin-record-overview-divider {
    height: 42px;
    width: 2px;
    background-color: #FFFFFF;
  }
}

.checkin-record-item {
  gap: 16px;
  .index {
    text-align: center;
    width: 64px;
  }
  .name {
    flex: 1;
    text-align: center;
  }
  .checkin-time {
    width: 160px;
    text-align: center;
  }
  .checkin-days {
    width: 120px;
    text-align: center;
  }
}